<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/mainnav.css">
</head>
<body>
    <!-- main nav start -->
	<div class="main-nav">
		<div class="layer main-nav-bd clearfix">
			<h2>主题市场</h2>
			<ul class="nav-list main-nav-list">
				<li class="nav-item">
					<a href="#" class="nav-link">天猫</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">聚划算</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">天猫超市</a>
				</li>
			</ul>
			<ul class="nav-list">
				<li class="nav-pipe">|</li>
				<li class="nav-item">
					<a href="#" class="nav-link">淘抢购</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">电器城</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">司法拍卖</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">中国质造</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">兴农扶贫</a>
				</li>
			</ul>
			<ul class="nav-list">
				<li class="nav-pipe">|</li>
				<li class="nav-item">
					<a href="#" class="nav-link">飞猪旅行</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">只能生活</a>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">苏宁易购</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- main nav end -->
</body>
</html>